/*https://uncss-online.com/*/
body{font-family: 'Microsoft Yahei';color: #555;background-color:#f6f6f6;position:relative;	/*margin-top: 79px;*/}
ul,ol{margin: 0;padding: 0}
ul{list-style: none;}
a{color: #666;}
a:hover{color: #45B6F7;text-decoration: none;}
a:focus{outline: 0;text-decoration: none;}
img{max-width: 100%;}

.container{width:auto;position:relative;margin:0 auto;max-width:1200px;padding:0;}
.header{position:relative;top:0;left:0;right:0;z-index:9;background-color:#fff;padding:20px 0 20px;margin-bottom:15px;border-bottom:1px solid #EAEAEA;	/*box-shadow: 0 1px 4px rgba(0,0,0,.05);*/border-color:rgba(0,0,0,.08);box-shadow:0 1px 3px rgba(0,0,0,.03)}

.carousel{margin-bottom: 15px;z-index: 0;}
.carousel .item a{display: block;text-align: center;}
.carousel .item img{margin: 0 auto;border-radius: 4px;}

.content-wrap{width:100%;float:left;}
.content{position:relative;min-height:500px;margin-right:380px;margin-bottom:15px;}
.sidebar{float:left;margin-left:-360px;width:360px;position:relative;}

/* logo ======================================================================================================== */
.logo{overflow:hidden;float:left;margin:0;}
.logo .name{color: #45B6F7;font-family: "Blackadder ITC";font-size: 30px}
.brand{font-size:14px;float:left;line-height:15px;color:#bbb;padding-left:10px;position:relative;top:1px;border-left:2px solid #eaeaea;margin-left:10px;overflow:hidden;height:30px;}

/* site-navbar ======================================================================================================== */

.site-nav .sub-menu{display: none;position: absolute;top: 100%;left: 0;background-color: #fff;font-size: 12px;padding: 6px 0;border: 1px solid #ddd;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);line-height: 32px;width: 132px;font-weight: bold;border-radius: 4px;}
.site-nav .sub-menu li{float: none;}
.site-nav .sub-menu a:hover{background-color: #f6f6f6;}
.site-nav li:hover > .sub-menu{display: block;}
.site-nav .menu-item > .current-menu-item {color: #45B6F7;}

.site-navbar{float:right;font-size:18px;margin-top:4px;margin-right:-15px;}
.site-navbar li{position:relative;float:left;}
.site-navbar li:hover{z-index:2}
.site-navbar a{display:block;padding:0 15px;color:#666;}
.site-navbar li:hover > a,
.site-navbar a:hover{color:#45B6F7;}
.site-navbar .fa{width: 18px;}

/* title ======================================================================================================== */
.title{margin-bottom: 10px;overflow: hidden;}
.title h3{font-size: 20px;margin: 0;float: left;}

/* excerpt ======================================================================================================== */
.excerpt{border:1px solid #eaeaea;padding:20px 20px 20px 255px;overflow:hidden;background-color:#fff;margin-bottom:-1px;}
.excerpt-text{padding-left:20px;}
.excerpt-text .note{margin-bottom:0;}
.excerpt-1{border-radius:4px 4px 0 0}
.excerpt:hover{background-color:#f9f9f9;position:relative;z-index:2;}
.excerpt header{margin-bottom:10px;}
.excerpt .cat{color:#fff;background-color:#45BCF9;padding:3px 6px;font-size:12px;display:inline-block;position:relative;top:-2px;margin-right:6px;}
.excerpt .cat:hover{opacity:0.85;filter:alpha(opacity=85);}
.excerpt .cat i{position:absolute;top:50%;margin-top:-4px;right:-4px;display:inline-block;width:0;height:0;vertical-align:middle;border-left:4px solid #45BCF9;border-top:4px solid transparent;border-bottom:4px solid transparent;}
.excerpt h2{display:inline;font-size:18px;line-height:1.4;margin-top:0;font-weight:bold;}
.excerpt h2 a{color:#555;}
.excerpt h2 a:hover{color:#45B6F7;}
.excerpt h2 a span{color:#FF5E52;}
.excerpt h2 a:hover span{color:#45B6F7;}
.excerpt time,
.excerpt .pv,
.excerpt .author{margin-right:20px;}
.excerpt .vote{float: right;margin-left: 10px;}
.excerpt .note{font-size:12px;color:#999;word-wrap:break-word;line-height:20px;margin-bottom: 0;}
.excerpt .meta{color:#999;font-size:12px;margin-bottom:10px;}
.excerpt .meta .fa{margin-right:4px;}
.excerpt .meta a{color:#999;}
.excerpt .meta a:hover{color:#45B6F7;}

.excerpt-minic{border:1px solid #eaeaea;padding:20px;overflow:hidden;background-color:#fff;margin-bottom:15px;border-radius:4px;}
.excerpt-minic h2{font-size:22px;line-height:24px;margin-top:0;font-weight:bold;margin:0 0 15px;}
.excerpt-minic h2 a{color:#555;}
.excerpt-minic h2 a:hover{color:#45B6F7;}
.excerpt-minic .note{color:#666;margin-bottom:0;text-indent:28px;}

.excerpt-minic-index{}
.excerpt-minic-index h2{font-size:18px;}
.excerpt-minic-index .red{margin-left:-8px;color:#FF5E52;}

/*  ======================================================================================================== */
.fcode{margin-bottom: 20px;overflow: hidden;clear: both;}

/* pagination ======================================================================================================== */
.pagination {
    margin: 0;
    padding: 20px;
    text-align: center;
    font-size: 12px;
    display: block;
}
.pagination ul {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-left: 0;
    margin-bottom: 0;
    padding: 0
}
.pagination ul > li {
    display: inline
}
.pagination ul > li > a,
.pagination ul > li > span {
    margin: 0 2px;
    float: left;
    padding: 5px 12px;
    background-color: #ddd;
    color: #666;
    border-radius: 2px;
    opacity: .88
}
.pagination ul > li > a:hover,
.pagination ul > li > a:focus {
    opacity: 1
}
.pagination ul > .active > span {
    background-color: #45B6F7;
    color: #fff
}
.pagination ul > .active > span {
    cursor: default
}
.pagination ul > li > span {
    color: #999999;
    background-color: transparent;
    cursor: default
}


/* widget ======================================================================================================== */
.widget {
    clear: both;
    position: relative;
    margin-bottom: 15px;

    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #eaeaea;
    overflow: hidden;
}
.widget h3 {
    font-size: 18px;
    color: #666;
    border-bottom: 1px solid #eaeaea;
    background-color: #fbfbfb;
    margin: 0;
    padding: 11px 15px 10px;
    /*background: url(../img/bg.png) 0 bottom repeat-x;*/
}
/*.widget-nav li:last-child{border: none;}*/

.widget ul {
    *zoom: 1;
    list-style: none;
    padding: 0;
    margin: 0;
}
.widget ul:before,
.widget ul:after {
    display: table;
    content: "";
    line-height: 0
}
.widget ul:after {
    clear: both
}

/* widget_ui_textads ======================================================================================================== */
.widget_ui_textasb {
    border: none;
    border-radius: 0
}
.widget_ui_textasb a {
    display: block;
    padding: 0 15px 15px;
    border: 1px solid #eaeaea;
    background-color: #fff;
    font-size: 12px;
    border-radius: 4px;
}
.widget_ui_textasb a h2 {
    font-size: 20px;
    font-weight: normal;
    margin-top: 14px;
}
.widget_ui_textasb a p {
    color: #999;
    margin-bottom: 0;
}
.widget_ui_textasb a strong {
    margin: -1px 0 0 0;
    display: inline-block;
    padding: 4px 15px;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
}
.widget_ui_textasb a:hover {
}
.widget_ui_textasb a.style02{color: #FF5E52;}
.widget_ui_textasb a.style02:hover{border-color: #FF5E52;}
.widget_ui_textasb a.style02 strong{background-color: #FF5E52;}


/* widget_ui_tags ======================================================================================================== */
.widget_ui_tags .items {
    overflow: hidden;
    padding: 15px 0 12px 15px;
}
.widget_ui_tags .items a {
    color: #999;
    background-color: #f6f6f6;
    float: left;
    width: 31.3333%;
    margin: 0 1% 1% 0;
    padding: 0 8px;
    font-size: 12px;
    height: 29px;
    line-height: 29px;
    overflow: hidden;
}
.widget_ui_tags .items a:hover {
    color: #fff;
    background-color: #45B6F7;
}

/* widget_ui_posts ======================================================================================================== */
.widget_ui_posts li:last-child a {
    border-bottom: none;
}
.widget_ui_posts li a {
    padding: 10px 15px 10px 15px;
    color: #888;
    border-bottom: solid 1px #eee;
    overflow: hidden;
    position: relative;
    display: block;
    font-size: 14px
}
.widget_ui_posts li a:hover {
    background-color: #fbfbfb;
}

/*  ======================================================================================================== */

.footer {
    position: relative;
    z-index: 9;
    clear: both;
    padding: 40px 30px;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    color: #999;
    background-color: #fff;
    border-top: 1px solid #eaeaea;
    /*box-shadow: 1px 0 4px rgba(0,0,0,0.04)*/
}

.footer a {
    color: #999;
}

.footer a:hover {
    color: #666;
}

/*  ======================================================================================================== */

.flinks{overflow: hidden;margin-bottom: 10px;}
.flinks strong{margin: 0 7px 10px;display: inline;}
.flinks ul{margin: 0;padding: 0;display: inline;}
.flinks ul li{display: inline-block;margin: 0 7px;margin-bottom: 7px;}


/* article content ======================================================================================================== */
.article{padding:0 20px;background-color:#fff;border:1px solid #eaeaea;border-radius:4px;}
.article-header{margin-bottom:20px;padding:25px 0;border-bottom:1px solid #eee;text-align:center;}
.article-title{margin-top:0;font-size:26px;line-height:36px;}
.article-title a,
.article-title a:hover{color:#555;}
.article-title a span{color:#FF5E52;}
.article-meta{font-size:12px;color:#999;}
.article-meta .item{margin-right:20px;}

.article-content{font-size:15px;line-height:25px;word-wrap:break-word;}
.article-content img{margin: 5px 0; display:block;max-width:100%;height:auto}
.article-content h3, .article-content h4, .article-content h5{padding:0 0;margin:20px 0;color: #555;font-weight:bold;}
.article-content h1, .article-content h2{font-weight:bold;margin:20px 0;border-bottom: 1px solid #eee;padding-bottom: 10px;}
.article-content h1{font-size:20px;}
.article-content h2{font-size:18px;}
.article-content h3{font-size:16px;}
.article-content h4{font-size:15px;}
.article-content h5{font-size:14px;}
.article-content ul, .article-content ol{margin:0 0 20px 50px}
.article-content ul{list-style: disc;}
.article-content ol{list-style: decimal;}
.article-content li{margin-bottom: 6px;}
.article-content p{margin-bottom:20px;word-wrap:break-word}
.article-content pre{word-wrap:break-word;}
.article-content table{border-top:solid 1px #ddd;border-left:solid 1px #ddd;width:100%;margin-bottom:20px}
.article-content table th{background-color:#f9f9f9;text-align:center}
.article-content table td,.article-content table th{border-bottom:solid 1px #ddd;border-right:solid 1px #ddd;padding:5px 10px}
.article-content .alignnone{margin:0 auto;}
.article-content .alignleft{float:left;text-align:left;margin-right:10px}
.article-content .aligncenter{margin: 0 auto;text-align: center;display: block;}
.article-content .alignright{float:right;text-align:right;margin-left:10px}
.article-content .wp-caption{margin-bottom: 20px;background-color: #f6f6f6;padding: 10px 10px 1px;max-width: 100%}
.article-content .wp-caption img{margin: 0 0 5px;}
.article-content .wp-caption p{margin-bottom: 10px;text-indent: 0;}
.article-content .wp-caption.alignnone{text-align: center;}
.article-content .wp-caption:hover .wp-caption-text{color: #45B6F7;}
.article-content a{text-decoration:underline;color: #45B6F7;}
.article-content a:hover{color: #FF5E52;}
/*.article-content pre,.comment pre{margin:20px 0;font:12px/20px 'courier new';background:#272822;padding:10px 15px;color:#F8F8D4;border:none}*/
.article-content pre,.comment pre{margin:20px 0;font:12px/20px 'courier new';padding:10px 15px;border:none}
.article-content blockquote{margin: 30px 30px;padding: 15px 20px;font-size: 16px;color: #999;border-left: 5px solid #EEE;}
.article-content blockquote p{margin:0;padding:0;margin-bottom: 10px;}

.post-copyright{background-color:#eee;font-size:12px;padding:8px 30px;border-radius:2px;color:#aaa;text-align:center;margin-bottom:18px;overflow: hidden;clear: both;}
.post-copyright a,
.post-copyright a:hover{color:#aaa;text-decoration:none;}
.post-copyright:hover{background-color:#45B6F7;color:#fff;}
.post-copyright:hover a{color:#fff;}


.post-actions{text-align: center;overflow: hidden;padding: 15px 0 30px;clear: both;}
.post-actions .action{display: inline-block;opacity: 0.8;line-height: 1;padding: 12px 20px;border-radius: 2px;color: #fff;font-size: 14px;background-color: #45B6F7;margin: 0 7px;}
.post-actions .action:hover{opacity: 1;color: #fff;}
.post-actions .action:focus{text-decoration: none;}
.post-actions .action.action-rewards{background-color: #F7B10D;}
.post-actions .action.action-link{background-color: #FF4400;}
.post-actions .action.action-like{background-color: #45B6F7;}
.post-actions .action .fa{font-size: 14px;position: relative;top: 1px;margin-right: 2px;}
.post-actions .action-like .fa{margin-right: 7px;top: 0;}

.article-tags{margin:30px 0;text-align:center;}
.article-tags a{display:inline-block;padding:4px 7px 3px;margin:0 4px 4px 0;color:#fff;font-size:12px;background-color:#45B6F7;opacity:0.85;filter:alpha(opacity=85);}
.article-tags a:hover{color:#fff;opacity:1;filter:alpha(opacity=100);}


.article-author{overflow:hidden;margin-bottom:30px;padding:10px 20px 10px 90px;border-left:4px solid #eee;color:#999;}
.article-author .avatar{float:left;margin-left:-70px;width:50px;border-radius:50%;}
.article-author h4{margin:0 0 5px;font-size:14px;font-weight:bold;color:#666;}
.article-author h4 .fa{margin-right:10px;font-weight:normal;}

.article-nav{overflow:hidden;margin-bottom:30px;font-size:14px;color:#bbb;}
.article-nav span{float:left;position:relative;width:50%;}
.article-nav span.article-nav-next{float:right;text-align:right}
.article-nav span.article-nav-next::before{content:'';position:absolute;left:0;top:0;height:100%;display:block;width:1px;background-color:#eee;}
.article-nav a{color:#999;margin-right:10px;display:inline-block;}
.article-nav span.article-nav-next a{margin-left:10px;margin-right:0;}
.article-nav a:hover{color:#45B6F7;}


